<template>
  <div class="chat-box" id="chatBox">
    <chat-content />
    <input-content />
    <new-msg-tip/>
  </div>

</template>

<script setup lang="ts">
import ChatContent from "@/components/ChatBox/ChatContent/index.vue";
import InputContent from "@/components/ChatBox/InputContent/index.vue";
import NewMsgTip from "@/components/ChatBox/NewMsgTip/index.vue";
</script>

<style scoped lang="less">
.chat-box {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1;
  background-color: var(--background-secondary);
  border-radius: 8px;
  margin: 20px 14px 20px 0;
  padding: 20px 0;
}

</style>
